<template>
    <div>
        <DetailBanner></DetailBanner>
        <DetailHeader></DetailHeader>
        <DetailList :list="list"></DetailList>
        <div class="content"></div>
    </div>
</template>

<script>
import DetailBanner from './components/Banner'
import DetailHeader from './components/Header'
import DetailList from './components/List'
export default {
    name:'Detail',
    components: {
        DetailBanner,
        DetailHeader,
        DetailList
    },
    data () {
        return {
            list:[
                {
                    title:'标题01',
                    childen:[
                        {
                            title:"childen标题01",
                            childen:[
                                {
                                    title:"内容说明01"
                                }
                            ]
                        },
                       
                    ]
                },
                {
                    title:'标题02',
                    childen:[
                        {
                            title:"childen标题02",
                             childen:[
                                {
                                    title:"内容说明02"
                                }
                            ]
                        }
                    ]
                },
                {
                    title:'标题03',
                    childen:[
                        {
                            title:"childen标题03",
                             childen:[
                                {
                                    title:"内容说明03"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    },
    
}
</script>

<style lang="stylus" scoped>
    .content
        height:50rem
</style>